<!DOCTYPE html>
<html lang="en">
<head>
<title>耿兵兵主页</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <script>
        /*addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }*/
    </script>
	
	<!-- css files -->
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /><!-- bootstrap css -->
    <link href="css/style.css" rel='stylesheet' type='text/css' /><!-- custom css -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
	
</head>
<body>

<!-- header -->
<header>
	<nav class="navbar">
		<div class="container">
			<h1 class="wthree-logo">
				<a href="index.html" id="logoLink"><i class="fa fa-adjust"></i> <span>耿</span>兵兵</a>
			</h1>

			<!-- menu -->
			<ul id="menu">
				<li>
					<input id="check02" type="checkbox" name="menu" />
					<label for="check02"><span class="fa fa-bars" aria-hidden="true"></span></label>
					<ul class="submenu">
						<li><a href="index.html" class="active">主页</a></li>
						<li><a href="#about">关于我</a></li>
						<li><a href="#services">个人能力</a></li>
						<li><a href="#experience">工作经历</a></li>
						<li><a href="#portfolio">事件记录</a></li>
						<li><a href="#contact">联系方式</a></li>
					</ul>
				</li>
			</ul>
			<!-- //menu -->

		</div>
	</nav>
</header>
<!-- //header -->

<!-- banner -->
<div id="home" class="banner-w3pvt d-flex">
	<div class="container">
		<div class="row">
			<div class="col-lg-7 bnr-txt-w3pvt">
				<div class="bnr-w3pvt-txt mt-sm-5">
					<h6>欢迎来到我的主页</h6>
					<h2>您好, <span>我是耿兵兵</span></h2>
					<h4>web前端开发 - 移动混合开发 - 大前端</h4>
					<p class="mt-4">
						<ul style="color: #FFF;">
							<li>Github: <a style="color: #FFF;" href='https://github.com/gengbingbing/vue-tools'>https://github.com/gengbingbing/vue-tools</a></li>
							<li>CSDN：<a style="color: #red;" href='https://blog.csdn.net/qq_23334071'>https://blog.csdn.net/qq_23334071</a></li>
						</ul>
					</p>
					<ul class="social_section_1info mt-4">
						<li class="mb-2 facebook"><a href="#"><span class="fa fa-facebook"></span></a></li>
						<li class="mb-2 twitter"><a href="#"><span class="fa fa-twitter"></span></a></li>
						<li class="linkedin"><a href="#"><span class="fa fa-linkedin"></span></a></li>
						<li class="pinterest"><a href="#"><span class="fa fa-pinterest"></span></a></li>
					</ul>
					<a href="#about" class="scroll bnr-btn mr-2">查看更多 </a>
					<a href="#contact" class="scroll bnr-btn1">联系方式 </a>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- //banner -->
	
<!-- about -->
<section class="about" id="about">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-5 p-0">
				<img src="images/about1.jpg" alt="" class="img-fluid" />
			</div>
			<div class="col-lg-6">
				<div class="about-right">
					<div class="row mt-sm-5 mt-4 about-right-inner">
						<div class="col-sm-4 col-6 myphoto-sign text-center">
							<img src="images/myphoto.jpg" alt="耿兵兵" class="img-fluid rounded-circle"/>
							<span></span>
							<a href="#contact" class="scroll abt-btn">招聘我 </a>
						</div>
						<div class="col-sm-7 offset-lg-1">
							<h4>个人信息</h4>
							<p>您好, 我是 <strong>耿兵兵</strong>. 我是有4年开发经验的 <strong>大前端开发</strong></p>
							<p>
								<h4 class="mt-4">技能与能力</h4>
								<ul>
									<li>1.HTML，CSS3，ES6，JS，Jq，Less，koa，nodejs等 ;</li>
									<li>2.模块化开发，requirejs;</li>
									<li>3.熟练各种debugger调试，抓包工具Fiddler等，能够独立分析，解决和归纳问题；</li>
									<li>4.拥有混合APP开发经验;</li>
									<li>5.vue全家桶开发，跨域请求，拦截器等，以及webpack的简单配置打包等;</li>
									<li>6.Echarts可视化图表插件的使用等；</li>
									<li>7.PS等画图工具。</li>
								</ul>
							</p>
						</div>
					</div>
				</div>
			</div>
			<h3 class="position">About Me</h3>
		</div>
    </div>
</section>
<!-- //about -->

<!-- 个人能力-->
<section class="services pt-5" id="services">
	<div class="container py-lg-5">
		<h3 class="heading mb-sm-5 mb-4">个人能力</h3>
		<div class="row">
			<div class="col-lg-3 col-sm-6 mb-5">
			   <div class="panel panel-default">
				  <div class="panel-thumbnail">
					<h3>01</h3>
					<h4 class="mt-3">web 前端开发</h4>
					<p class="mt-3">对前端基础HTML5，css3，js，jQuery，Sass，等以及web标准有深刻的认知</p>
				  </div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mb-5">
			   <div class="panel panel-default">
				  <div class="panel-thumbnail">
					<h3>02</h3>
					<h4 class="mt-3">移动混合开发</h4>
					<p class="mt-3">混合开发，一次开发多次使用，可以进行完整的开发，从项目的搭建到打包上线，均可独立完成</p>
				  </div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mb-5">
			   <div class="panel panel-default">
				  <div class="panel-thumbnail">
					<h3>03</h3>
					<h4 class="mt-3">vue 前端开发</h4>
					<p class="mt-3">使用vue有两年的开发经验，可独立进行项目的搭建，以及上线流程，对vue的全家桶开发有深刻的理解，比如跨域请求，拦截器等，以及webpack的简单配置</p>
				  </div>
				</div>
			</div>
			<div class="col-lg-3 col-sm-6 mb-5">
				<div class="panel panel-default">
				  <div class="panel-thumbnail">
					<h3>04</h3>
					<h4 class="mt-3">个人研究</h4>
					<p class="mt-3">nodejs的koa开发进行过简单的了解，ps切图可以简单的使用，熟悉多种抓包工具的使用，可独立进行问题的分析与归纳。</p>
				  </div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //个人能力 -->

<!-- 工作经历 -->
<section class="experience py-5" id="experience">
	<div class="container py-3">
		<h3 class="heading mb-sm-5 mb-4">我的工作经历</h3>
		<div class="middile-inner-con">
			<div class="tab-main mx-auto">
				<input id="tab1" type="radio" name="tabs" checked>
				<label for="tab1"><img src="images/s1.jpg" alt="" class="img-fluid" /> 西安易骆驼信息科技有限公司</label>

				<input id="tab2" type="radio" name="tabs">
				<label for="tab2"><img src="images/s2.jpg" alt="" class="img-fluid" /> 印孚瑟斯技术(中国)有限公司</label>

				<input id="tab3" type="radio" name="tabs">
				<label for="tab3"><img src="images/s3.png" alt="" class="img-fluid" style="height: 50px" /> 上海易立德股份有限公司</label>

				<section id="content1">
					<div class="menu-grids">
						<div class="t-in">
							<div class="text-info-sec">
								<div class="service-in text-left">
									<div class="card" >
										<div class="card-body p-0">
											<h3 class="mb-md-4">易家装</h3>
											<h5 class="my-3 card-title" data-aos="fade-left">咨询顾问 (2015.07 ~ 2017.05)</h5>
											<p class="card-text" data-aos="fade-left">混合APP开发，angular+ionic+cordova制作的易家装项目，APPframework+cordova开发的蜂巢e社区项目，apicloud开发的蜂巢物业云项目以及工具类房收收项目（angular+cordova）</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<section id="content2">
					<div class="menu-grids">
						<div class="t-in">
							<div class="text-info-sec">
								<div class="service-in text-left">
									<div class="card">
										<div class="card-body p-0">
											<h3 class="mb-md-4">Infosys</h3>
											<h5 class="my-3 card-title">前端开发工程师 (2017.06 ~ 2018.08)</h5>
											<p class="card-text">负责前端业务，微服务的开发，主要使用vue，echarts等技术进行开发。
1、参与Ichange项目前端业务开发，该项目基于vue+webpack+elementui+echarts技术，负则整个项目前端的构建与开发工作，其中使用图表控件echarts较多，包含自定义地图，双环图，仪表盘，统计图等；
2、参与华为智慧打卡系统，该项目基于bootstrap+layui+echarts等技术，负责前端功能模块的开发，主要包含有离职预测等图表展示型图标，公用表格，自定义分页等功能模块。</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<section id="content3">
					<div class="menu-grids">
						<div class="t-in">
							<div class="text-info-sec">
								<div class="service-in text-left">
									<div class="card">
										<div class="card-body p-0">
											<h3 class="mb-md-4">E-lead</h3>
											<h5 class="my-3 card-title">咨询顾问 (2018.7 ~ 至今)</h5>
											<p class="card-text">主要使用jarlar5开发变更项目（前端），使用vue+elementui+echarts开发微服务等，ext,jq开发pms项目，PMS-vue生命周期项目，在培训部做Vue讲师。</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</section>
			</div>
		</div>
	</div>
</section>
<!-- //工作经历 -->


<!-- quote -->
<section class="quote py-5">
	<div class="container py-lg-5">
		<div class="row">
			<div class="col-lg-8">
				<h4>"在大学期间，我学习了大量的后端开发，以及安卓的开发，但是从进入工作以后，我发现前端是那样的神奇，特别是接触到了混合开发以后，感觉是那么的方便快捷，因此我进加入了前端的大家庭之中，在四年的开发生涯中，我接触了许许多多，从最开始的angular到vue和react，技术在不断地革新，我的学习方面也广了很多，从纯前端的到偏后台的nodejs，go等，我将不断学习，不断进步..."</h4>
				<h5>大前端</h5>
			</div>
		</div>
	</div>
</section>
<!-- //quote -->

<!-- portfolio -->
<section class="portfolio py-5" id="portfolio">
	<div class="container py-lg-5">
		<h3 class="heading mb-sm-5 mb-4">最近的项目</h3>
		<div class="row">
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio1.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">vue-PMS生命周期</h3>
						<ul class="icon">
							<li title="华为项目"><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio2.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">vue-Ichange</h3>
						<ul class="icon">
							<li title="华为项目"><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio3.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">蜂巢E社区 App</h3>
						<ul class="icon">
							<li><a href="https://www.wandoujia.com/apps/com.eluotuo.community/download/dot?ch=detail_normal_dl"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio4.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Bingo 跨境臻选</h3>
						<ul class="icon">
							<li><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio5.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">HUAWEI 智慧打卡系统</h3>
						<ul class="icon">
							<li title="华为项目"><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio1.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">Appointment 任命管理系统</h3>
						<ul class="icon">
							<li title="华为项目"><a href="#"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio2.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">诺蜜直播</h3>
						<ul class="icon">
							<li><a href="http://dx5.198174.com/nuomizb_qqtn.apk"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-4 col-6 p-0">
				<div class="box9">
					<img src="images/portfolio3.jpg" alt="portfolio" class="img-fluid" />
					<div class="box-content">
						<h3 class="title">易家装 APP</h3>
						<ul class="icon">
							<li><a href="https://apps.apple.com/cn/app/%E6%98%93%E5%AE%B6%E8%A3%85/id993101586"><i class="fa fa-link"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- //portfolio -->


<!-- Contact -->
<section class="contact py-5" id="contact">
	<div class="container py-lg-5">
		<h3 class="heading mb-sm-5 mb-4">基本信息</h3>
		<div class="contact-form">
			<div class="row">
				<div class="col-lg-8">
					<form name="contactform" id="contactform" method="post" action="#" onsubmit="return(validate());" novalidate="novalidate">
						<div class="row">
							<div class="form-group col-md-6 ">
							  <label>姓名：耿兵兵</label>
							</div>
							<div class="form-group col-md-6">
							  <label>性别：男</label>
							</div>
							<div class="form-group col-md-6">
							  <label>邮箱：992899491@qq.com</label>
							</div>
							<div class="form-group col-md-6">
							  <label>手机：18892087118</label>
							</div>
							<div class="form-group col-md-6">
							  <label>专业：软件技术</label>
							</div>
							<div class="form-group col-md-6">
							  <label>学历：大专（西安航空职业技术学院2013~2016）</label>
							</div>
						</div>
					</form>
				</div>
				<section class="w3layouts-map col-lg-4 mt-lg-0 mt-5">
					<iframe src="http://m.baidu.com" allowfullscreen=""></iframe>
				</section>
			</div>
		</div>
	</div>
</section>
<!-- //Contact -->		
</body>
</html>